import React from 'react';

import './header.css';
import logo from './logo.svg';

import { Layout, Row, Col, Menu } from 'antd';
const { Header } = Layout ;

//const LogoStyle = {
    // width: '50px',
    // float: 'left'
//}

class PCHeader extends React.Component {
    constructor() {
        super(); // 调用基类的所有初始化方法
        this.state = {

        } // 初始化赋值
    }

    componentDidMount() {
        
    }

    render() {
        return (
            <Header>
                <Row>                    
                    <Col span={24}>
                        <div className="logo" >
                            <img src={logo} alt="logo" />
                        </div>
                        <Menu className="nav"
                            theme="dark"
                            mode="horizontal"
                            defaultSelectedKey={['2']}
                            style={{ lineHeight: '64px'}}
                        >
                            <Menu.Item key="1">Nav 1</Menu.Item>
                            <Menu.Item key="2">Nav 2</Menu.Item>
                            <Menu.Item key="3">Nav 2</Menu.Item>
                        </Menu>
                    </Col>
                </Row>
            </Header>
        )
    }
}

export default PCHeader;
